import type { LcdTheme } from '@/api/modules/lcd/theme';
import { useThemeCanvas } from '@/hooks/theme.canvas';

interface LcdDistribution {
  themeId: string;
  mediaId: string;
  productList: any[];
  sizeId: string;
  currentProductId: string;
}

export const currentTheme = ref<LcdTheme>();

export const distributionTab = ref<'theme' | 'product'>('theme');
export const lcdDistribution = ref<LcdDistribution>({
  themeId: '',
  mediaId: '',
  productList: [],
  sizeId: '',
  currentProductId: '',
});
const { componentList, currentComponent, raw: componentObj } = useThemeCanvas();
export { componentList, currentComponent, componentObj };
